<html>

<head>
<!-- see LICENSE.txt for license -->

<title>Remember the Moof</title>

<link type="text/css" rel="stylesheet" href="./rtm.css" />

<script type="text/javascript" src="files/jquery-1.2.3.min.js" />
<!-- the following is only necessary if the RTM shared key is in the javascript -->
<!-- script type="text/javascript" src="md5.js" / -->
<script type='text/javascript' src='/System/Library/WidgetResources/AppleClasses/AppleInfoButton.js' charset='utf-8'/>
<script type='text/javascript' src='/System/Library/WidgetResources/AppleClasses/AppleAnimator.js' charset='utf-8'/>
<script type='text/javascript' src='/System/Library/WidgetResources/AppleClasses/AppleButton.js' charset='utf-8'/>
<script type='text/javascript' src='/System/Library/WidgetResources/AppleClasses/AppleScrollArea.js' charset='utf-8'/>
<script type='text/javascript' src='/System/Library/WidgetResources/AppleClasses/AppleScrollbar.js' charset='utf-8'/>
<!-- script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script -->
        
<script type="text/javascript" src="functional-min.js"></script>
<script type="text/javascript" src="rtm.js"></script>
</head>

<body>

<div id="mainWrapper">
	<div id="front">
		<div id="topEdge">
		<div id="bottomEdge">
		<div id="framedContent">
			<div class="section" id="splashSection">
				<img id="splashPane" src="Default.png" />
			</div>
			<div class="section">
				<textarea rows="10" id="evenMore">
				</textarea>
			</div>
			<div class="section hideOnLoad" id="listsSection">
			</div>
			<div class="section hideOnLoad" id="needToAuth">
				<span class="explain">Remember the Moof isn't authorized with your Remember the Milk account.</span>
				<a href="">Click here</a> to authorize this app with your RTM account.
			</div>
			<div class="section hideOnLoad" id="taskSection">
				<div id="fullFrame">
					<div class="headerBar">
						<span class="item"><a href="" class="goToRTM"><img style="height: 12pt; border: 0;" src="files/rtm_logo_sm.png" /></a></span>
						<span class="item"><h3>Tasks</h3></span>
						<span id="waitIcon" class="item"><img src="files/ajax-loader.gif" /></span>
						<span id="undoPane" class="item"><a href="" id="undoBtn">undo</a></span>
						<span class="action linkAsBtn" id="showNewTaskPane"><a href="" class="taskAdd">Add task</a></span>
					</div>
					<div id="viewBar" class="headerBar">
						<div class="item"><span>List:</span> <select id="lists"></select></div>
						<div class="item linkAsBtn"><a href="" class="showFilterPane">Filter</a></div>
					</div>
					<div style="clear: both;"></div>
					<div id="taskListWrapper">
						<ul id="taskList">
						</ul>
					</div>
				</div>
			</div>
			<div class="section" id="infoSection">
				<div class="right" id="infoButton"></div>
				<div style="clear: both;"></div>
			</div>

			<!-- independently floated -->
			<div id="taskPane" class="hideOnLoad dlog sizeToMe">
				<div class="taskList"><label>googly</label> <span></span></div>
				<div class="taskName"><label>Name:</label> <input type="text" class="user" /><input type="hidden" class="orig" /></div>
				<div class="taskDueDate"><label>Due:</label> <input type="text" class="user" /><input type="hidden" class="orig" /></div>
				<div class="taskTags"><label>Tags:</label> <input type="text" class="user" /><input type="hidden" class="orig" /></div>
				<input type="hidden" class="extraInfo" />
				<div><input type="submit" id="taskSubmit" value="googly" disabled="true" />&nbsp;&nbsp;<input type="submit" id="taskDelete" value="Delete Task" class="hideOnLoad"/>&nbsp;&nbsp;<input type="submit" id="taskCancel" value="Never mind"/></div>
			</div>

			<div id="filterPane" class="hideOnLoad dlog sizeToMe">
				<div class="paneSection first">
					<div class="action"><a href="" class="filter filter_none">Clear</a></div>
				</div>
				<div class="paneSection">
					<div class="header">By Date</div>
					<div class="action"><a href="" class="filter filter_today">Today</a></div>
					<div class="action"><a href="" class="filter filter_week">This week</a></div>
					<div class="action"><a href="" class="filter filter_month">This month</a></div>
					<div class="action"><a href="" class="filter filter_no_date">No due date</a></div>
				</div>
				<div class="paneSection">
					<div class="action"><a href="" class="show_tags">By Tag</a></div>
				</div>
			</div>

			<div id="statusLine" >
				<div class="indicator"></div>
				<div class="output">
					<span class="content">&nbsp;</span>
				</div>
			</div>
			<div id="tagList" class="sizeToMe hideOnLoad dlog">
				<ul>
					<li><span class="name"><a href="">a tag</a></span></li>
				</ul>
			</div>
			<div id="verPop" class="sizeToMe hideOnLoad dlog">
				<div class="head"><h2>There's a new version available!</h2></div>
				<div class="content">
					<p><a href="" class="goGetIt">Download Remember the Moof __VERSION__!</a></p>
					<p><a href="" class="close demure">No, not now</a></p>
				</div>
			</div>
			<div id="confirmDlog" class="sizeToMe hideOnLoad dlog">
				<div class="head"><h2>Really delete this task?</h2></div>
				<div class="content">
					<input type="submit" value="No" class="noDont" />&nbsp;&nbsp;<input type="submit" value="Yes" class="yesPlz" />
				</div>
			</div>
			<div style="clear: both;"></div>
		</div>
		</div>
		</div>
	</div>

	<div id="back">
		<div class="section">
			<div id="moofImg"><a href="" class="goToMoof"><img border="0" src="files/moof_dark.png" /></a></div>
			<h2>Remember the Moof</h2>
			<span class="ack">Copyright 2009 Malcolm McFarland</span><br/>
			<span class="ack">See LICENSE.txt for details</span>
		</div>
		<div class="section debug">
			<label for="debugChk">show debug</label> <input type="checkbox" id="debugChk" name="debugChk" />
		</div>
		<div class="section debug">
			<input type="submit" value="Deauthorize"  id="clearAuthBtn" />
			<input type="submit" value="get new frob" id="getnewfrob" />
			<input type="submit" value="dump html" id="dumphtml" />
		</div>
		<div class="section debug">
			<h2>Methods lookup</h2>
			<input type="text" size="30" id="methodName"></input>&nbsp; : &nbsp;<input type="submit" value="Get Method Info" id="methodInfoBtn"></input><br/>
			<div id="methodDisp" rows="10"></div>
		</div>
		<div class="section">
			Software home:<br/>
			<a href="" class="goToHome">http://www.hoprocker.net/rtm/</a><br/><br/>
			Project page:<br/>
			<a href="" class="goToProject">http://code.google.com/p/rememberthemoof/</a><br/><br/>
			...and our lovely benefactor:<br/>
			<a href="" class="goToRTM">http://www.rememberthemilk.com/</a>
		</div>
		<div class="section">
			<input type="submit" value="Deauthorize widget" id="DEAUTH_BTN" />
		</div>
		<div class="section">
			<div id="doneBtn"></div>
		</div>
		<div style="clear: both;"></div>
	</div>
</div>

<!-- templates used elsewhere -->
<li id="tagListTemplate"></li>
<li id="itemTemplate"><input type="checkbox" class="task_chk" name="" /><span class="title"></span><div class="due"></div><span class="tags"></span><div style="clear: both;"></div></li>
<!-- end templates -->

<div id="devPane">
	<ul class="actions">
		<li class="action">
			<a href="" id="dbg_addDummyTasks">populate task list"</a>
		</li>
		<li class="action">
			<a href="" id="dbg_addDummyTags">add tags</a>
		</li>
		<li class="action">
			<input checked type="checkbox" id="dbg_showAuthPane" name="showAuthPane" /><label for="dbg_showAuthPane">show 'click here'</label>
		</li>
		<li class="action">
			<input type="checkbox" id="dbg_showSplash" name="showSplash" /><label for="dbg_showSplash">show splash pane</label>
		</li>
		<li class="action">
			<input checked type="checkbox" id="dbg_showStatus" name="showStatus" /><label for="dbg_showStatus">show status pane</label>
		</li>
		<li class="action">
			<input checked type="checkbox" id="dbg_showTaskEdit" name="showTaskEdit" /><label for="dbg_showTaskEdit">show task edit</label>
		</li>
	</ul>
</div>
</body>

</html>
